<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="icon" href="/public/images/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="/public/css/min.css">
    <title>关于我们</title>
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <link rel="stylesheet" href="/public/css/style.css" type="text/css" media="all"/>
    <link rel="stylesheet" href="/public/css/pagenavi-css.css" type="text/css" media="all"/>
    <link rel="stylesheet" href="/public/css/slick.css" type="text/css" media="all"/>
    <script type="text/javascript" src="/public/js/jquery-1.11.3.min.js"></script>
</head>
<body data-theme-url="" data-device="desktop"
      class="home page-template page-template-page-templates page-template-page-home page-template-page-templatespage-home-php page page-id-5 language-en">
<div class="loadingBg">
    <div class="loadinglg">
        <div class="ldlogo"></div>
        <div class="ldbg"></div>
    </div>
</div>

<div class="scroller-wrapper" scrollbar>
    <div class="component-transition-line">
        <div class="transition-line__wrapper">
            <div class="transition-line__line">
                <svg class="transition-line__svg" x="0px" y="0px" viewBox="0 0 1920 3105">
                    <path fill="none" stroke-width="4"
                          d="M861.1,1200c120.8-257.7,320.9-290.4,379.8-527.1c30-120.7-0.7-237.2-5.8-255.8 c-35.3-128.4-114.8-193.9-158-232C1036.8,149.8,960.6,82.7,881.7-4.5"/>
                    <path fill="none" stroke-width="4"
                          d="M695,3102c5.5-82.9,49.5-158,86.1-221.6c90.3-157,135.5-235.5,148-265.1c18.3-43.5,91.8-217.8,72-422.5 c-7.1-72.8-39.4-160.8-104-336.9c-70.6-192.2-84.4-195.4-100-265.1c-33.6-149.6-3.1-247.7,64-390.8"/>
                </svg>
            </div>
        </div>
    </div>
    <!--#include file="/views/component/header.html"-->
    <div th:replace="header :: header"></div>
    <main id="barba-wrapper">
        <section class="barba-container" data-namespace="home">
            <div class="misc-sticky || js-scroll js-printed-checker">
                <div class="misc-sticky__wrapper wrapper--left">
                    <div class="component-nav-vertical">
                        <div class="nav-vertical__list"></div>
                        <div class="nav-vertical__arrow">
                            <button class="arrow-line arrow--bottom"><span></span> <span></span></button>
                            <button class="arrow-line arrow--top"><span></span> <span></span></button>
                        </div>
                    </div>
                </div>
                <div class="component-tabs">
                    <div class="tabs__wrapper">
                        <button class="btn btn--primary btn--large btn--light-2" data-tabs-items="qyjj">
                            <div>
                                <div class="btn__text" data-text="企业简介">
                                    <span>企业简介</span>
                                </div>
                            </div>
                        </button>
                        <button class="btn btn--primary btn--large btn--light-2" data-tabs-items="qyfc">
                            <div>
                                <div class="btn__text" data-text="企业风采">
                                    <span>企业风采</span>
                                </div>
                            </div>
                        </button>
                        <button class="btn btn--primary btn--large btn--light-2" data-tabs-items="zzjg">
                            <div>
                                <div class="btn__text" data-text="组织架构">
                                    <span>组织架构</span>
                                </div>
                            </div>
                        </button>
                        <button class="btn btn--primary btn--large btn--light-2" data-tabs-items="qyln">
                            <div>
                                <div class="btn__text" data-text="企业理念">
                                    <span>企业理念</span>
                                </div>
                            </div>
                        </button>
                        <button class="btn btn--primary btn--large btn--light-2" data-tabs-items="lsyg">
                            <div>
                                <div class="btn__text" data-text="历史沿革">
                                    <span>历史沿革</span>
                                </div>
                            </div>
                        </button>
                        <button class="btn btn--primary btn--large btn--light-2" data-tabs-items="zzry">
                            <div>
                                <div class="btn__text" data-text="资质荣誉">
                                    <span>资质荣誉</span>
                                </div>
                            </div>
                        </button>
                    </div>
                </div>
            </div>

            <div class="about">
                <div class="box1" data-tabs-target="qyjj">
                    <div class="container">
                        <div class="js">
                            <div class="tit">
                                <div class="cn">企业简介</div>
                                <div class="en">Company Profile</div>
                            </div>
                        </div>
                        <div class="qyjj" th:utext="${session.lang == 'en' ? companyProfile.profileEn : companyProfile.profile}">
                        </div>
                    </div>
                </div>
                <div class="box2" th:style="'background: url(' + (${companyProfile.aboutUs}) + ') no-repeat center/cover;'">
                    <div class="container || js-uicolor-checker">
                        <div class="list || js-scroll js-printed-checker" id="gundong" onpropertychange="onIeChange(event)">
                            <div class="item" th:each="s, status: ${secondScreens}">
                                <div class="icon"><img th:src="'http://yongxin.yxopt.com/cn/images/icon(' + (${status.index + 1}) + ').png'" alt=""></div>
                                <div class="txt">
                                    <div class="num"><span th:id="'num' + ${status.index + 1}" th:data-num="${s.value}" th:text="${s.value}">21</span></div>
                                    <div class="wz" th:text="${session.lang == 'en' ? s.titleEn : s.title}">历史年数</div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                <script type="text/javascript" src="js/countup.js"></script>
                <script>
                    var printed = 0;
                    var scrollFunc = function (e) {
                        if (!($('#gundong').hasClass('printed'))) {
                            printed = 0;
                        }
                        if ($('#gundong').hasClass('printed') && printed == 0) {
                            printed = 1;
                            var demoFi1 = new CountUp("num1", 0, $("#num1").data("num"), 0, 1);
                            var demoFi2 = new CountUp("num2", 0, $("#num2").data("num"), 0, 1);
                            var demoFi3 = new CountUp("num3", 0, $("#num3").data("num"), 0, 1);
                            var demoFi4 = new CountUp("num4", 0, $("#num4").data("num"), 0, 1);
                            setInterval(function () {
                                demoFi1.start();
                                demoFi2.start();
                                demoFi3.start();
                                demoFi4.start();
                            }, 1500);
                        }
                    };
                    /*注册事件*/
                    if (document.addEventListener) {
                        document.addEventListener('DOMMouseScroll', scrollFunc, false);
                    } //W3C
                    window.onmousewheel = document.onmousewheel = scrollFunc; //IE/Opera/Chrome
                </script>
                <div class="qyfc" data-tabs-target="qyfc">
                    <div class="container">
                        <div class="js">
                            <div class="tit">
                                <div class="cn">企业风采</div>
                                <div class="en">Corporate Style</div>
                            </div>
                        </div>
                        <div class="list clearfix">
                            <div class="item" th:each="c: ${corporateStyles}">
                                <div class="img"><img th:src="${c.imageUrl}" alt=""></div>
                                <div class="txt">
                                    <div class="tit" th:text="${session.lang == 'en' ? c.titleEn : c.title}">宁波国家高新技术产业开发区厂房</div>
                                    <div class="jj"></div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                <div class="zzjg" data-tabs-target="zzjg">
                    <div class="container">
                        <div class="js">
                            <div class="tit">
                                <div class="cn">组织架构</div>
                                <div class="en">Organization</div>
                            </div>
                        </div>
                        <div class="nr"><img th:src="${companyProfile.organization}" alt=""></div>
                    </div>
                </div>
                <div class="qyln" data-tabs-target="qyln">
                    <div class="container">
                        <div class="js">
                            <div class="tit">
                                <div class="cn">企业理念</div>
                                <div class="en">Brand Story</div>
                            </div>
                        </div>
                        <div class="nr clearfix">
                            <div class="img"><img src="https://yongxin.yxopt.com/cn/images/qyln.png" alt=""></div>
                            <div class="txt" th:utext="${session.lang == 'en' ? companyProfile.worthEn : companyProfile.worth}">

                            </div>
                        </div>
                    </div>
                </div>
                <div class="lsyg" data-tabs-target="lsyg">
                    <div class="container">
                        <div class="js">
                            <div class="tit">
                                <div class="cn">历史沿革</div>
                                <div class="en">Historical Evolution</div>
                            </div>
                        </div>
                        <div class="list clearfix">
                            <div class="item" th:each="m: ${memorabilias}">
                                <div class="txt">
                                    <div class="wz">
                                        <p>
                                            <font size="3" th:text="${session.lang == 'en' ? m.descEn : m.desc}"></font>
                                        </p>
                                    </div>
                                </div>
                                <div class="year" th:text="${m.year} + '年'"></div>
                            </div>

                        </div>
                    </div>
                </div>

                <div class="zzry home__clients || js-scroll js-printed-checker || js-uicolor-checker"
                     data-nav-vertical-target
                     data-tabs-target="zzry">
                    <div class="position-center">
                        <div class="js">
                            <div class="tit">
                                <div class="cn">资质荣誉</div>
                                <div class="en">Qualification Honor</div>
                            </div>
                            <div class="txt clients__text">

                            </div>
                        </div>
                        <div class="component-gallery-clients || gallery gallery-v&#45;&#45;2">
                            <div class="gallery__arrow">
                                <div class="arrow arrow&#45;&#45;left arrow&#45;&#45;small">
                                    <svg x="0px" y="0px" viewBox="0 0 50 50" enable-background="new 0 0 50 50">
                                        <polygon points="35.1,46.7 13.4,25 35.1,3.3 36.5,4.7 16.2,25 36.5,45.3 	"/>
                                    </svg>
                                    <svg x="0px" y="0px" viewBox="0 0 50 50" enable-background="new 0 0 50 50">
                                        <polygon points="35.1,46.7 13.4,25 35.1,3.3 36.5,4.7 16.2,25 36.5,45.3 	"/>
                                    </svg>
                                </div>
                                <div class="arrow arrow&#45;&#45;right arrow&#45;&#45;small">
                                    <svg x="0px" y="0px" viewBox="0 0 50 50" enable-background="new 0 0 50 50">
                                        <polygon points="13.4,45.3 33.8,25 13.4,4.7 14.9,3.3 36.5,25 14.9,46.7"/>
                                    </svg>
                                    <svg x="0px" y="0px" viewBox="0 0 50 50" enable-background="new 0 0 50 50">
                                        <polygon points="13.4,45.3 33.8,25 13.4,4.7 14.9,3.3 36.5,25 14.9,46.7"/>
                                    </svg>
                                </div>
                            </div>
                            <div class="gallery__wrapper">

                                <div class="gallery__item epiceries" th:each="h: ${honors}">
                                    <div class="item__wrapper">
                                        <div class="item__img">
                                            <div class="item__mask">
                                                <span th:style="'background-image:url(\'' + ${h.imageUrl} + '\')'"></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <script type="text/javascript" src="https://yongxin.yxopt.com/cn/js/slick.js"></script>
            <script>
                $(function () {
                    $('.lsyg .list').slick({
                        dots: false,
                        infinite: false,
                        speed: 300,
                        slidesToShow: 3,
                        slidesToScroll: 1,
                        responsive: [{
                            breakpoint: 768,
                            settings: {
                                slidesToShow: 1,
                                slidesToScroll: 1,
                            }
                        }]
                    });
                })
            </script>
            <!--#include file="/views/component/footer.html"-->
            <div th:replace="footer :: footer"></div>
            <style>
                #cnzz_stat_icon_1280183050 {
                    margin-left: 20px;
                }
            </style>
        </section>
    </main>
</div>
</body>
</html>